<!DOCTYPE html>
<html lang="en" class="tut">
    <head>
        <meta charset="UTF-8" />
        <title>Test App</title>
        <!-- <link href='http://fonts.googleapis.com/css?family=Droid+Serif|Molengo' rel='stylesheet' type='text/css'> -->

        <!--[if IE]>
            <script type="text/javascript" src="js-files/explorercanvas.js"></script>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script src="js-files/tutScript.js" type="text/javascript"></script>
      
    </head>
    <body>
   
    <div class="seperate space-top">
        <article class="maps border-radius info-box gray-border gray-gradient">
            <div class="border-top-radius"></div>
            <p>
                Hier Kann man die Karte sehen
            </p>
        </article>
    </div>

    <script src="js-files/modernizr.js" type="text/javascript"></script>
    <script src="js-files/gears_init.js" type="text/javascript"></script>
    <script src="js-files/geo.js" type="text/javascript"></script>
    <script type="text/javascript" src="js-files/sizzle.js"></script>
    <script type="text/javascript">
               
        (function() {
        

            // Geolocation, localStorage

            tut.maps.canvas(document.querySelector(".maps > div"));
            tut.maps.originalStation = 'konstanz';

            var store = window.localStorage;
            if(store.lat && store.lng && ((new Date()).getTime() - store.timeOfRetrieval) < (60*60*1000)) {
                log("Position aus localStorage auslesen");
                log(tut.maps.route());
            } else if(geo_position_js.init()) {
                log("Position per Geolocation ermittelt");
                geo_position_js.getCurrentPosition(geoCallback, geoErrorCallback, {
                    enableHighAccuracy: false,
                    timeout: 120000,
                    maximumAge: 600000
                });
            }

            function geoCallback(position) {
                log("Position wurde ermittelt");
                var c = position.coords;
                store.lat = c.latitude;
                store.lng = c.longitude;
                store.timeOfRetrieval = (new Date()).getTime();

                log(tut.maps.route(c.latitude, c.longitude));
            }

            function geoErrorCallback(error) {
                // Error
                alert(error.message);
                if(error.code == error.TIMEOUT) {
                    store.lat = tut.uni[0];
                    store.lng = tut.uni[1];
                    store.timeOfRetrieval = (new Date()).getTime();

                    log(tut.maps.route());
                }
            }

        })();
    </script>
    
    <form enctype="text/plain">

	<input type="Text" name="vorname" value="" size="30" maxlength="50" id="inputName">
	
	<input type="Submit" name="absenden" value="absenden">

	</form>
	
	
	<form action="http://www.google.com/search" method="get">

 <label>

  Google:

  <input type="search" name="q" id="inputName">

 </label>

 <input type="submit" value="Suchen">

</form>
	
</body>
</html>